<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta type="description" content="总代理-订单管理">
    <title>APP订单</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="./plugs/layui/css/layui.css">
    <link rel="stylesheet" href="./font/font_399822_zixjpxd585btke29/iconfont.css">
    <link rel="stylesheet" href="./css/background-style/background-common.css">
    <link rel="stylesheet" href="./css/background-style/background-option.css">
    <link rel="stylesheet" href="./css/background-style/main.css">
    <link rel="stylesheet" href="./css/background-style/aside.css">
    <link rel="stylesheet" href="./css/appOrder/app-order.css">
</head>
<body>
    <!--顶部导航开始-->
    <header>
        <ul class="layui-nav container">
            <li class="layui-nav-item">
                <a href=""><i class="iconfont">&#xe607;</i>陈小姐6666</a>
            </li>
            <li class="layui-nav-item">
                <a href=""><i class="iconfont">&#xe602;</i>我的工作台</a>
            </li>
            <li class="layui-nav-item">
                <a href=""><i class="iconfont">&#xe645;</i>收藏夹</a>
                <dl class="layui-nav-child">
                    <dd><a href="javascript:;">收藏夹1</a></dd>
                    <dd><a href="javascript:;">收藏夹2</a></dd>
                    <dd><a href="javascript:;">收藏夹3</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item">
                <a href=""><i class="iconfont">&#xe609;</i>进货单</a>
            </li>
            <li class="layui-nav-item">
                <a href=""><i class="iconfont">&#xe625;</i>联系客服</a>
            </li>
            <li class="layui-nav-item">
                <a href=""><i class="iconfont">&#xe640;</i>我信</a>
            </li>
            <li class="layui-nav-item">
                <a href=""><i class="iconfont"></i>我要销售</a>
            </li>
        </ul>
    </header>
    <!--顶部导航结束-->
    <!--商品中心区域开始-->
    <div class="option-container">
        <div class="option container layui-form">
            <div class="products-center layui-inline">
                <a href="javascript:;">
                    <img src="./img/products-center.png" alt="">
                </a>
            </div>
            <div class="user-option option-select layui-inline">
                <select name="city" lay-verify="">
                    <option value="" selected>个人中心</option>
                    <option value="010">修改密码</option>
                    <option value="021">系统消息</option>
                </select>
            </div>
            <div class="account-option option-select layui-inline">
                <select name="city" lay-verify="">
                    <option value="">账户设置</option>
                    <option value="010">退出登录</option>
                    <option value="021">切换账号</option>
                </select>
            </div>
        </div>
    </div>
    <!--商品中心区域结束-->

    <div class="main container">
        <!--左侧导航开始-->
        <aside>
            <ul class="layui-nav layui-nav-tree layui-nav-side">
                <li class="layui-nav-item">
                    <a href="javasript:;">
                        <i class="layui-icon iconfont">&#xe6db;</i>
                        <span>订单中心</span>
                    </a>
                    <dl class="layui-nav-child">
                        <dt>订单中心</dt>
                        <dd><a href="#">我的订单</a> </dd>
                        <dd><a href="#">售后管理</a> </dd>
                        <dd><a href="#">APP订单</a> </dd>
                    </dl>
                </li> <li class="layui-nav-item">
                    <a href="javasript:;">
                        <i class="layui-icon iconfont">&#xe609;</i>
                        <span>进货单</span>
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a href="javasript:;">
                        <i class="layui-icon iconfont">&#xe612;</i>
                        <span>收藏中心</span>
                    </a>
                    <dl class="layui-nav-child">
                        <dt>收藏中心</dt>
                        <dd><a href="#">收藏的商品</a> </dd>
                        <dd><a href="#">收藏的供应商</a> </dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javasript:;">
                        <i class="layui-icon iconfont">&#xe6a2;</i>
                        <span>资产中心</span>
                    </a>
                    <dl class="layui-nav-child">
                        <dt>资产中心</dt>
                        <dd><a href="#">充值</a> </dd>
                        <dd><a href="#">提现</a> </dd>
                        <dd><a href="#">转账</a> </dd>
                        <dd><a href="#">银行卡管理</a> </dd>
                        <dd><a href="#">账户余额</a> </dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javasript:;">
                        <i class="layui-icon iconfont">&#xe607;</i>
                        <span>用户中心</span>
                    </a>
                    <dl class="layui-nav-child">
                        <dt>用户中心</dt>
                        <dd><a href="#">员工管理</a> </dd>
                        <dd><a href="#">岗位管理</a> </dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javasript:;">
                        <i class="layui-icon iconfont">&#xe601;</i>
                        <span>报表分析</span>
                    </a>
                    <dl class="layui-nav-child">
                        <dt>报表分析</dt>
                        <dd><a href="#">采购分析图</a> </dd>
                        <dd><a href="#">收货订单明细表</a> </dd>
                        <dd><a href="#">商品排行榜</a> </dd>
                    </dl>
                </li><li class="layui-nav-item">
                    <a href="javasript:;">
                        <i class="layui-icon iconfont">&#xe661;</i>
                        <span>服务中心</span>
                    </a>
                    <dl class="layui-nav-child">
                        <dt>服务中心</dt>
                        <dd><a href="#">意见建议</a> </dd>
                        <dd><a href="#">举报中心</a> </dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javasript:;">
                        <i class="layui-icon iconfont">&#xe614;</i>
                        <span>设置</span>
                    </a>
                    <dl class="layui-nav-child">
                        <dt>设置</dt>
                        <dd><a href="#">个人信息</a> </dd>
                        <dd><a href="#">收货地址</a> </dd>
                    </dl>
                </li><li class="layui-nav-item">
                    <a href="javasript:;">
                        <i class="layui-icon iconfont">&#xe661;</i>
                        <span>工厂目录</span>
                    </a>
                </li>
            </ul>
        </aside>
        <!--左侧导航结束-->
        <!--主体内容开始-->
        <div class="bakground-content container">
            <table>
                <thead>
                    <tr>
                        <th>订单详情</th>
                        <th>数量</th>
                        <th>单价</th>
                        <th>金额</th>
                    </tr>
                </thead>
                <tbody class="layui-even">
                    <tr class="empty-space">
                        <td colspan="4"></td>
                    </tr>
                    <tr class="order-info">
                        <td colspan="4">
                            <input type="checkbox">
                            <span>2017-02-03 09:23</span>
                            <span>订单编号：xxxxxx</span>
                            <span>收件人：xxx</span>
                            <span>联系方式：xxxxxx</span>
                            <span>收货地址：xxxxxxxxxxxx</span>
                            <span>总金额：2000.00</span>
                            <span>待发货</span>
                            <button class="layui-btn layui-btn-mini deliver-goods b-btn">发货</button>
                        </td>
                    </tr>
                    <tr class="product-info">
                        <td>
                            <input type="checkbox">
                            <img src="./img/ys1.png" alt="" class="product-image">
                            <p class="product-dec"><a href="javascript:;">新款格纹头层牛皮女包韩版双铆钉双肩包女真皮背包一件代发学院风,新款格纹头层牛皮女包韩版双铆钉双肩包女真皮背包一件代发学院风</a></p>
                            <p class="product-detail">规格型号</p>
                            <p class="product-detail">最小起订量:10箱</p>
                            <p class="isInvalid">商品已失效</p>
                        </td>
                        <td><span class="prduct-number">X</span><span class="number">100</span></td>
                        <td><span class="product-price">￥</span><span class="price">484.00</span></td>
                        <td><span class="product-money">￥</span><span class="money">15628.00</span></td>
                    </tr>
                    <tr class="shipping-info">
                        <td colspan="4">
                            <p><span>物流信息物流公司:德邦物流</span><span>物流单号:5361350888</span></p>
                            <p>备注:尽快发货</p>
                        </td>
                    </tr>
                </tbody>
            </table>

        </div>
        <!--主体内容结束-->
    </div>
    <script src="./plugs/layui/layui.all.js"></script>
    <script>
        layui.use(['element','form','laydate','laytpl','jquery','layer'],function () {
            var element=layui.element
            var form=layui.form
            var laydate=layui.laydate
            var laytpl=layui.laytpl
            var $=layui.$
            var layer=layui.layer

        })
    </script>
</body>
</html>
